@import "../../css/var.less";
@import "mallpublic.less";

.storeContent{
    color: #202020;
    font-size: 14px;
    background-color: #f9f9f9;
    .head{
        height: 140px;
        padding-top: 25px;
        background-color: #fff;
        .headInner{
        .w1200;
            .logo{
                width: 92px;
                .fl;
            }
            .storeMsg{
                margin-left: 10px;
                .fl;
                h1{
                    font-size: 24px;
                    height: 58px;
                    line-height: 58px;
                }
                &>div{
                    .b-place{
                        .fl;
                    }
                    .el-rate{
                        .fl;
                        margin-left: 25px;
                    }
                }
            }
            .ewm{
                .fr;
                width: 88px;
                text-align: center;
                span{
                    font-size: 12px;
                }
            }
        }
    }
   .storeNav{
       width: 100%;
       height: 40px;
       line-height: 40px;
       background-color: #dfdfdf;
       .headTitle{
           .w1200;
       }
   }
   .storeIndexMain{  //店铺首页
       .w1200;
       .rcdGoods{
           margin-top: 30px;
       }
   }
   .storeAllProductMain{  //所有商品
        padding-top: 25px;
        .w1200;
        .searchProductListBox{
            margin-top: 25px;
        }
   }
   .storeArchivesMain{  //公司档案
      .w1200;
      padding-bottom: 100px;
      .honorBox{
          height: 220px;
          background: url(../images/bak04m.jpg) no-repeat center center;
          text-align: center;
          h1{
              font-size: 24px;
              color: #fff;
              height: 80px;
              line-height: 80px;
          }
          .h-place{
              line-height: 30px;
              color: #fff;
          }
          .h-renzheng{
              display: inline-block;
              width: 112px;
              height: 32px;
              text-align: center;
              color: #fff;
              background-color: #0db4b9;
              border-radius: 4px;
              line-height: 32px;
              margin-top: 15px;
          }
      }
      .introduction{
         height: 238px;
         padding: 50px 60px 0;
         background-color: #fff;
         .desc{
             color: #888;
             line-height: 32px;
             width: 534px;
             border-right: 1px dashed #eaeaea;
             padding-right: 90px;
             .fl;
             span{
                 color: #0db4b9;
                 cursor: pointer;
             }
         }
         .range{
             padding-left: 90px;
             color: #888;
             .fl;
             &>div{
                 line-height: 30px;
                span{
                    color: #202020;
                }
            }
         }
      }
      .creditScore{
          height: 314px;
          background-color: #fff;
          margin-top: 30px;
          .headTitle{
              border-bottom: 1px solid #eaeaea;
          }
          .inner{
              padding-top: 30px;
              .chart{
                  width: 565px;
                  height: 200px;
                  .fl;
                  padding:20px 0 0 0;
                  text-align: center;
                  span{
                      display: block;
                      &:first-child{
                          font-size: 40px;
                          color: #f65405;
                          line-height: 90px;
                          font-weight: 700;
                      }
                      &:last-child{
                        font-size: 20px;
                    }
                  }
              }
              .contrast{
                  .fl;
                  li{
                      padding-top:30px; 
                      border-left: 1px dashed #eaeaea;
                      height: 200px;
                      width: 200px;
                      text-align: center;
                      .fl;
                      .myTitle{
                          color: #666;
                      }
                      .myNum{
                          color:#666;
                          font-size: 30px;
                      }
                      .icon-uparrow{
                          color: #f65405;
                      }
                      .icon-downarrow{
                          color: #2d9f67;
                      }
                      .averageTitle{
                          color: #888;
                      }
                      .averageNum{
                          font-size: 24px;
                          color: #888;
                      }
                  }
              }
          }
      }
      .aptitude{
          height: 360px;
          background-color: #fff;
          margin-top: 30px;
          .headTitle{
            border-bottom: 1px solid #eaeaea;
        }
        ul{
            height: 321px;
            li{
                border-right: 1px solid #eaeaea;
                width: 238px;
                height: 100%;
                .fl;
                &:last-child{
                    border: none;
                }
                h5{
                    text-align: center;
                    margin-top: 50px;
                    line-height: 40px;
                }
                .imgBox{
                    width: 124px;
                    position: relative;
                    margin:0 auto;
                    box-shadow: 0 0 8px #bcbcbc;
                    cursor: pointer;
                    .aptitudeImg{
                        width: 100%;
                    }
                    &:before{
                        content: "";
                        position: absolute;
                        left: -39px;
                        top: 0;
                        background: url(../images/zizhibg.png) no-repeat center center;
                        width: 39px;
                        height: 100%;
                    }
                }
            }
        }
      }
 
   }

}
